/* 
    Document   : login
    Created on : 10/01/2010, 20:37:16
    Author     : joaocarlos
    Description:
        Purpose of the stylesheet follows.
*/
/* 
   Folha de estilos da página de login do 3G Notifier
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("../templates/css/fonts/Sanskrit Helvetica.ttf");
}
@font-face {
    font-family: Helvetica;
    src: url("../templates/css/fonts/Helvetica.ttf");
}
@font-face {
    font-family: MyHelvetica;
    src: url(../templates/css/fonts/MgOpenModernaRegular.ttf);
}

html, body {
    height:100%;
    font-family: Helvetica, sans;
    font-size: 0.9em;
}
#distance {
    width:1px;
    height:50%;
    background-color:#fc6;
    margin-bottom:-13.75em; /* Metade da altura do nosso box que ficará centralizado */
    float:left;
}
#container {
    margin:0 auto;
    position:relative; /* Coloca o container frente ao elemento com o id distance */
    text-align:left;
    height:27.5em;
    width:400px;
    clear:left;
    background-color:#ff9;
    border:1px solid #c93;
    border-top-color:#fff;
    border-left-color:#fff;
}
#footer     { width: 260px; margin: auto; padding:15px; display: block }
#mensagem   { width: 100%; }
.box        { margin: auto; width: 300px; background-color: #bfe1f3; border-color: #0a77a2; padding: 15px; }
.box label  { font-size: 1.3em;}
a           { text-decoration: none; color: #0a77a2; }
a:hover     { text-decoration: underline; }
h1 {
    width: 400px;
    height: 90px;
    margin: auto;
    padding-top: 0;
    padding-bottom: 40px;
    text-indent: -5000px;
    background: url(../imagens/3gNotifier.png) no-repeat 15px;
}
h1.mobile {
    width: 200px;
    height: 90px;
    margin: auto;
    padding: 10px;
    text-indent: -5000px;
    background: url(../../mobile/templates/imagens/3gNotifier.png) no-repeat 15px;
}

